<template>
   <view class="topclassify">
	   <view class="topList">
		   <image src="/static/img/2/2-5.png" mode="scaleToFill"></image>
		   <view class="desc">
			   <view class="name">
				   <text class="title">鲜昆明线下店</text>
				   <text class="address">云南省昆明市云南建投物流公司</text>
			   </view>
			  
			   <view class="btn">
				   <image src="/static/img/2/2-15.png" mode="aspectFit"></image>&gt;99km
			   </view>
			  
		   </view>
	   </view>
	   <view class="topList">
	   		   <image src="/static/img/2/2-5.png" mode="scaleToFill"></image>
	   		   <view class="desc">
	   			   <view class="name">
	   				   <text class="title">鲜昆明线下店</text>
	   				   <text class="address">云南省昆明市云南建投物流公司</text>
	   			   </view>
	   			  
	   			   <view class="btn">
	   				   <image src="/static/img/2/2-15.png" mode="aspectFit"></image>&gt;99km
	   			   </view>
	   			  
	   		   </view>
	   </view>
	   <view class="topList">
	   		   <image src="/static/img/2/2-5.png" mode="scaleToFill"></image>
	   		   <view class="desc">
	   			   <view class="name">
	   				   <text class="title">鲜昆明线下店</text>
	   				   <text class="address">云南省昆明市云南建投物流公司</text>
	   			   </view>
	   			  
	   			   <view class="btn">
	   				   <image src="/static/img/2/2-15.png" mode="aspectFit"></image>&gt;99km
	   			   </view>
	   			  
	   		   </view>
	   </view>
	   <view class="topList">
	   		   <image src="/static/img/2/2-5.png" mode="scaleToFill"></image>
	   		   <view class="desc">
	   			   <view class="name">
	   				   <text class="title">鲜昆明线下店</text>
	   				   <text class="address">云南省昆明市云南建投物流公司</text>
	   			   </view>
	   			  
	   			   <view class="btn">
	   				   <image src="/static/img/2/2-15.png" mode="aspectFit"></image>&gt;99km
	   			   </view>
	   			  
	   		   </view>
	   </view>
	  
	  
	   
	 
   </view>
</template>

<script>

    export default {
        name: "",
        components:{
            
        },
        data(){
            return {
             
            }
        },
		async onLoad(){
			
		
		},
		onNavigationBarButtonTap(e) {
			// console.log(e)
			
		
			
				
		}
      

    }
</script>

<style lang="scss">
	page{
		background: #f5f5f5;
		padding: 31upx 21upx;
	}
	.topclassify{
		.topList{
			position: relative;
			margin-bottom: 22upx;
			background: #fff;
			image{
				width: 100%;
				height: 449upx;
			}
			.desc{
				padding: 0 40upx;
				font-size:23upx;
				font-family:Microsoft YaHei;
				font-weight:400;
				color:rgba(102,102,102,1);
				background: #fff;
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 125upx;
				
				image{
					width:25upx;
					height:22upx;
					margin-right: 10upx;
				}
				.name{
					display: block;
					.title{
						display: block;
						font-size:25upx;
						font-family:Microsoft YaHei;
						font-weight:400;
						color:rgba(88,88,88,1);
					}
					.address{
						display: block;
						font-size:19upx;
						font-family:Microsoft YaHei;
						font-weight:400;
						color:rgba(119,119,119,1);
					}
				}
				.btn{
					font-size:23upx;
					font-family:Adobe Heiti Std;
					font-weight:normal;
					color:rgba(153,153,153,1);
					display: flex;
					align-items: center;
					.red{
						color: #F0406F;
						margin: 0 5upx;
					}
				}
				.rig{
					margin-left: 30upx;
				}
				
			}
			
			
			
		}
		
		
	}
</style>
